<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:fmt="http://java.sun.com/jsp/jstl/fmt" version="2.1">
	<jsp:directive.page contentType="text/html; charset=UTF-8" />
	<jsp:directive.page isELIgnored="false" />
	
	
	<html>
<head>
<script type="text/javascript" language="javascript"
	src="${pageContext.request.contextPath }/js/VisBuscador.js">
<!--asdf -->	
</script>
<link rel="stylesheet" type="text/css" href="css/VisBuscador.css" />

</head>
<BODY>
<jsp:include page="Cabecera.jsp" />

<div id="contenedor">
	<aside id="asideBusqueda">
	<div onclick="location.href='VisBuscador.jsp';" class="DivResetBusqueda">Resetear Busqueda</div>
	
		<label for="categoria">Categoria</label><br/>
	<select name="categoria" id="categoria" onchange="cargarColeccion();">
		<option>- selecciona una categoria -</option>
	</select><br/>

	<label for="coleccion">Coleccion</label><br/>
	<select name="coleccion" id="coleccion"
		onchange="cargarDivResultadoBusqueda();">
		<option>- selecciona una colección -</option>
	</select><br/>

	<label for="precio">Precio</label><br/>
	<select id="precio" name="precio"
		onchange="cargarDivResultadoBusqueda();">
		<option value='todas' selected='selected'>Todos</option>
		<option value='0-50'>hasta 50€</option>
		<option value='50-100'>entre 50€ y 100 €</option>
		<option value='100-500'>entre 100€ y 500€</option>
		<option value='500-1000'>entre 500€ y 1000€</option>
		<option value='1000-999999'>más de 1000€</option>
	</select><br/>
	

	<label for="tipoComparacionAlto">Alto</label><br/>
	<select
		onchange="controlTipoAlto(this.options[this.selectedIndex].value);"
		id="tipoComparacionAlto" name="tipoComparacionAlto"
		style="width: 140px;">
		<option value="0" selected="selected">cualquiera</option>
		<option value="1">mayor de</option>
		<option value="2">igual a</option>
		<option value="3">menor de</option>
	</select>
	<input type="number" id="alto" name="alto" value=""
		 disabled="disabled"
		onchange="cargarDivResultadoBusqueda();"
		onkeyup="cargarDivResultadoBusqueda();" class="dimension"/>
		<br />

	<label for="tipoComparacionAncho">Ancho</label><br/>
	<select
		onchange="controlTipoAncho(this.options[this.selectedIndex].value);"
		id="tipoComparacionAncho" name="tipoComparacionAncho"
		style="width: 140px;">
		<option value="0" selected="selected">cualquiera</option>
		<option value="1">mayor de</option>
		<option value="2">igual a</option>
		<option value="3">menor de</option>
	</select>
	<input type="number" id="ancho" name="ancho" value=""
		 disabled="disabled"
		onchange="cargarDivResultadoBusqueda();"
		onkeyup="cargarDivResultadoBusqueda();" class="dimension"/><br />

	<label for="tipoComparacionProfundidad">Profundidad</label><br/>
	<select
		onchange="controlTipoProfundidad(this.options[this.selectedIndex].value);"
		id="tipoComparacionProfundidad" name="tipoComparacionProfundidad"
		style="width: 140px;">
		<option value="0" selected="selected">cualquiera</option>
		<option value="1">mayor de</option>
		<option value="2">igual a</option>
		<option value="3">menor de</option>
	</select>
	<input type="number" id="profundidad" name="profundidad" value=""
		 disabled="disabled"
		onkeyup="cargarDivResultadoBusqueda();"
		onchange="cargarDivResultadoBusqueda();" 
		class="dimension"/><br/>
		
	<label for="textoBusqueda">Texto de busqueda</label><br/>
	<input type="text" name="textoBusqueda" id="textoBusqueda"
		onchange="cargarDivResultadoBusqueda();"
		onkeyup="cargarDivResultadoBusqueda();"/>
		
		
	</aside>
	
	<div id="divResultadoBusqueda"></div>
	</div>
</BODY>

	</html>
</jsp:root>